<template>
<!--  组件的结构-->
  <div class="demo">
    <h1>{{msg}}</h1>
    <h2>  学生姓名：{{name}}</h2>
    <h2>  学生性别：{{sex}}</h2>
  </div>
</template>
<!-- 组件交互的代码-->
<script>
//默认暴露
 export default{
   name:'Student',
   data(){
     return{
       name:'小王帅帅帅帅啊',
       sex:'男',
       msg:'欢迎学习Vue'
     }
   }
 }
</script>
<!--组件的样式-->
<style scoped>
.demo{
  background-color: orange;
}
</style>